﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <pre>
        var options = {  
                target:'#output1',         //把服务器返回的内容放入id为output1的元素中  
                beforeSubmit: showRequest,      //提交前的回调函数  
                success: showResponse,          //提交后的回调函数  
                url: url,           //默认是form的action，如果声明，则会覆盖  
                type: type,     //默认是form的method，如果声明，则会覆盖  
                dataType: json ,   //接受服务端返回的类型  
                clearForm: true,    //成功提交后，清除所有表单元素的值  
                resetForm: true,    //成功提交后，重置所有表单元素的值  
                timeout: 3000       //限制请求的时间，当请求大于3秒后，跳出请求  
        };
    </pre>
    <pre>
        $('#defaultForm').bootstrapValidator({
	    fields: {
	        username: {
		    message: 'The username is not valid',
		    validators: {
		        notEmpty: {
			    message: 'The username is required and can\'t be empty'
		        }
		    }
	        }
	    }，
	    submitHandler: function(validator, form, submitButton) {
	        // a)
	        // Use Ajax to submit form data
	        //$.post(form.attr('action'), form.serialize(), function(result) {
		    // ... process the result ...
	        //}, 'json');

	        //b)
	        // Do your task
	        // ...
	        // Submit the form
	        validator.defaultSubmit();
	    }
    });
    </pre>
    <pre>
     $("#sysform").submit(function () {
            var valid= $("#defaultForm").data('bootstrapValidator').isValid();
            if(!valid) return;
            $(this).ajaxSubmit({
                success: function (data) {
                    if (data) {
                        layer.msg("添加成功");
                        $("#myTable", window.parent.document).bootstrapTable('refresh');
                        var frameindex = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(frameindex);
                    }
                }
            });
            return false; //此句解释了为什么ajaxSubmit会自动提交表单，想要阻止自动提交，必须return false；
        });
    $("#defaultForm").data('bootstrapValidator').isValid()
    </pre>
</body>
</html>